/* pages/user/index.wxss */

.user-page {
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.header {
  padding-bottom: 20rpx;
  padding-top: calc(90rpx + env(safe-area-inset-top));
  padding-left: 24rpx;
  padding-right: 24rpx;
  position: relative;
}

// .header-shadow {
//   position: absolute;
//   height: 100px;
//   width: 100%;
//   top: 0;
//   left: 0;
//   background: linear-gradient(180deg, #c2d3d62f 0%, #f3f6fb27 100%);
// }

.header-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 60rpx;
}

.title {
  font-size: 34rpx;
  color: #333;
  font-weight: 600;
}

.back-icon,
.more-icon {
  width: 46rpx;
  height: 46rpx;
}

.user-card {
  margin-top: 50rpx;
  margin-bottom: 20rpx;
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.avatar {
  width: 120rpx;
  height: 120rpx;
  border-radius: 60rpx;
  border: 4rpx solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
}

.user-info {
  margin-left: 20rpx;
}

.name {
  font-size: 36rpx;
  color: #222;
  font-weight: 700;
  margin-bottom: 10rpx;
}

.meta {
  font-size: 26rpx;
  color: #3d3d3d;
  margin-top: 4rpx;
}

.card-area {
  padding: 30rpx;
}

.menu-card {
  background-color: white;
  border-radius: 16rpx;
  box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.menu-card .van-hairline--top-bottom::after {
  border: none;
}

.menu-item {
  display: flex;
  align-items: center;
  padding: 40rpx;
}



.menu-item image {
  width: 40rpx;
  height: 40rpx;
  margin-right: 20rpx;
}

.menu-item .van-cell::after {
  border: none;
}

// .menu-item >>> .van-icon{
//   margin-right: 14rpx;
// }



.menu-item+.menu-item {
  border-top: 1rpx solid #f3f3f3;
}

/* 保留旧的样式备用 */
.my-cell {
  font-size: 30rpx;
  color: #000;
}